@import url(base.less);

.index-top-header{
  .pf(0,0,3);
  .w(100%);
}
.h41{
  .h(41px);
}
.index-header{
  .w(100%);
  height:46px;line-height: 46px;
  .tc;
  .bg-size('home_herd_bg.png',6px,46px,left,top,repeat-x);
  h2{
    .h(40px);
    display:inline-block;
    .pr;
    .ml(20);
  }
  .sjx{
    .pa(76px,18px);
    .transition(0.5s);
    .rorate();
  }
  .down-menu-on{
    .rorate(90deg);
  }

}
.center-tab{
  a{
    .c(#a38d28);
    font-weight:normal;
    margin:5px 6px 0;
    padding:0 4px;
    .fz(16);
    display:inline-block;
    .dl(25);
    -webkit-animation:smallWz .4s ease;
    .fl;
  }
  .animate{
    -webkit-animation-play-state:paused;
  }
  .on{
    border-bottom:3px solid #000;
    color:#000;
    .border-radius(8%);
    -webkit-animation-play-state:running;
  }
}


@-webkit-keyframes smallWz{
  0%{-webkit-transform:scale(1,1);}
  50%{ -webkit-transform: scale(.6,.6);}
  100%{-webkit-transform:scale(1,1);}
}
.menu-icon{
  .fl;
  .ml(10);
  .wh(18px,16px);
  .fullbg('index_03.png');
  .mt(10);
  -webkit-transition: .2s;
}
.top-search-icon{
  .fr;
  .mr(10);
  .wh(20px,20px);
  .fullbg('search.png');
  .mt(9);
}
.top-nav{
  .bg-color(#252832);
  .transition(0.2s);
  height:0;
  overflow:hidden;
  .pb(0);
  .pf(0,41px,3);
  .w(100%);
  li{
    .pt10;
  }
  a{
    display:inline-block;
    .wh(80px,30px);
    .lh(30);
    .g9;
    .bd(#999);
    .border-radius();
    .f14;
  }
  .on{
    color:@cyellow;
    .bd(@cyellow);
  }
  .close-icon{
    border:none;
    .mt5;
  }
}
.top-nav-on{
  .pb(10);
  height:255px;
}
.graybg{
  .bg-color(@ce);
}
.index-list{
  .list{
    .bg-color(@cwhite);
    margin-bottom:10px;
    .bdb(@cde);
    .bdt(@cde);
    &:first-child{
      border-top:0;
    }
    .pic{
      position:relative;
    }
    video{
      .bg-color(#000);
    }
    h3{
      .fz(20);
      margin-bottom: 5px;
    }
    .desc{
      .lh(20);
      word-break:break-all;
      max-height:100px;
      .oh;
      .f14;
    }
    .tx{
      .border-radius(100%);
      .fl;
    }
    .name{
      color:@cblue;
      .lh(24);
      .pl(5);
    }
    .bottom{
      .pr(7);
    }
  }
  .xin{
    .bg-size('xin.png',21px,auto,left,-1px);
    .pl(22);
  }
  .xin-on{
    .bg-size('xin.png',16px,auto);
  }
  .com{
    .bg-size('com-icon_03.png',21px,auto,left,center);
    .pl(22);
  }
  .share{
    .bg-size('index_15.png',16px,auto);
    .wh(20px,20px);
  }
}
.list-opration{
  .pt(5);
  a{
    display:inline-block;
    .dl(18);
    .g6;
    .mr(10);
    &:last-child{
      .mr(0);
    }
  }
}
.yellow-btn{
  .dib(200,40);
  .bg-color(@cyellow);
  .border-radius(20px);
  border-bottom:3px solid #c0a365;
  .f14;
  .g3;
  margin-bottom:10px;
}

.wuxin{
  .mt(10);
  margin-bottom:5px;
  span{
    .dba(16,16);
    .fl;
    .mr(5);
  }
  .on{
    .bg-size('wuxin.png',16px,auto)
  }
  .empty{
    .bg-size('wuxin.png',16px,auto,0,-29px)
  }
}
.my-experience{
  .tit{
    color: @cblue;
  }
  .pics{
    .mt10;
    img{
      .mr(5);
      .border-radius();
    }
  }
}

.index-top-search{
  .pr;
  padding: 5px 60px 0 10px;
  .search-box{
    background:url("../../images/search_gray_icon.png") 10px 7px no-repeat #fffdf2;
    background-size:16px 16px;
    .dl(30);
    padding:0 15px 0 32px;
    .border-radius(15px);
  }
  .cancle-btn{
    .par(0,0);
    .db;
    .w(60px);
    .tc;
    .f14;
  }
  .input-txt{
    .wh(100%,28px);
    padding:0;
    border:0;
  }
}
.top-search{
  .pa(0,0);
}
.index-topic{
  li{
    .pr;
  }
  .video-icon{
    .pa(10px,0,2);
  }
  .cont{
    .w(100%);
    .pa(0,50%,2);
    margin-top:-20px;
    .c(#fff);
    .tc;
    text-shadow: 0 0 3px #000;
    .xin,.com{
      .pl(20);
      display:inline-block;
      .dl(20);

    }
    .com{
      margin-right:5px;
      .bg-size('topic_icon.png',15px,auto,left,2px);
    }
    .xin{
      margin-left:5px;
      .bg-size('topic_icon.png',15px,auto,left,-26px);
    }
    h3{
      .fz(20);
      .plr();
    }
    p{
      .bd(#fff);
      .bg-color(rgba(0,0,0,0.1));
      .dib(100,30);
    }
  }
}
.opacity-bg{
  .wh(100%,100%);
  .pf(0,0,2);
  .bg-color(#fff);
  opacity:0;
}
.blank-opacity-bg{
  .bg-color(rgba(0,0,0,0.2));
  .wh(100%,100%);
  .pa();
  -webkit-box-shadow:0 1px 3px #333 inset;
  box-shadow:0 1px 3px #333 inset;
}
.op_0{
  opacity: 0;
}